<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>告警</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <style>
        .new-btn-bottom {
            width: 92%;
            margin: 0 auto;
            display: flex;
            margin-top: 30px;
            flex-direction: row;
            justify-content: center;
        }

        .new-blue-btn {
            width: 50%;
            text-align: center;
            margin: 0 5px;
            /* font-weight: bold; */
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <header class="topheader" id="aui-header" style="background:#289FFF;">
            <div class="aui_tab_box" style=" width: 98%; float: right;">
                <!-- -1-全部 0-处理中 1-已完工 4-待受理 5-待派单 10-待接单 50-已归档=已关单 -->
                <!-- v-bind:class="{'analysisBox':form.isviewdetail}" -->
                <div class="aui-tab aui-tab-color" style="background: #289FFF;  padding-bottom: 8px;">
                    <div v-on:click="select_status(1)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'aui-active':form.status==1}">
                        <label class="labelbox">
                            待派单
                            <!-- <span v-if="total.SendCount>0" class="menu_dotspan">{{total.SendCount}}</span> -->
                        </label>
                    </div>
                    <div v-on:click="select_status(2)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'aui-active':form.status==2}">
                        <label class="labelbox">
                            待接单
                            <!-- <span v-if="total.AcceptCount>0" class="menu_dotspan">{{total.AcceptCount}}</span> -->
                        </label>
                    </div>
                    <div v-on:click="select_status(3)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'aui-active':form.status==3}">
                        <label class="labelbox">
                            处理中
                            <!-- <span v-if="total.ProcessCount>0" class="menu_dotspan">{{total.ProcessCount}}</span> -->
                        </label>
                    </div>
                    <div v-on:click="select_status(4)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'aui-active':form.status==4}">
                        <label class="labelbox">
                            已完工
                            <!-- <span v-if="total.CompleteCount>0" class="menu_dotspan">{{total.CompleteCount}}</span> -->
                        </label>
                    </div>
                    <div v-on:click="select_status(5)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'aui-active':form.status==5}">
                        <label class="labelbox">
                            已关单
                            <!-- <span v-if="total.CompleteCount>0" class="menu_dotspan">{{total.CompleteCount}}</span> -->
                        </label>
                    </div>
                    <div class="cl">
                    </div>
                </div>
            </div>
        </header>
        <section id="main_refresh" class="aui-refresh-content">
            <div class="aui-content task" v-if="list.length>0">
                <div v-for="item in list" class=" boxarea mainbox">
                    <div v-on:click="openGongdan(item)" class="work_con_box">
                        <div class="workheader">
                            <div class="work_title_add ellipsis_one fl" style="font-weight: bold;">{{item.alarmLevel}}
                            </div>
                            <div v-if="item.ServiceStatus==50" class="typestatus ygd">已关单</div>
                        </div>
                        <!-- <div class="work_title work_title_add">{{item.TypeName}}</div> -->
                        <div class="work_con_box_time marginheight">
                            <div class="work_con_box_left">空间资产名称</div>
                            <div class="work_con_box_right">
                                <label>{{item.evnirInstName}}</label>
                            </div>
                        </div>
                        <div class="work_con_box_time marginheight">
                            <div class="work_con_box_left">空间状态ID</div>
                            <div class="work_con_box_right">
                                <label>{{item.evnirInstId}}</label>
                            </div>
                        </div>
                        <div class="work_con_box_time marginheight">
                            <div class="work_con_box_left">告警创建时间</div>
                            <div class="work_con_box_right">
                                <label>{{item.crtDate}}<span v-if="item.ServiceOverTime==1"
                                        class="label-btn-red">超时</span></label>
                            </div>
                        </div>
                        <div v-if="item.content!=''"
                            class="work_con_box_time marginheight work_con_box_contain ellipsis_two">
                            {{item.alarmContent}}
                        </div>
                    </div>
                    <div v-if="form.status!=3">
                        <div class="new-btn-bottom" style="overflow: hidden;">
                            <div v-if="item.operation.callback" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_huifang(item)">
                                <i class="icon iconfont icon-huifangicon"
                                    style=" font-size: 0.7rem; margin-right: 5px;"></i>回访
                            </div>
                            <div v-if="item.operation.close" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_open_dialog(item.id)">
                                <i class="icon iconfont icon-shoulishibaiicon"
                                    style=" font-size: 0.7rem; margin-right: 5px;"></i>关单
                            </div>
                            <div v-if="item.operation.deliver" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_open_chooseuser(item,11)">
                                <i class="icon iconfont icon-dingxiangpaidan"
                                    style=" font-size: 0.7rem; margin-right: 5px;"></i>派单
                            </div>
                            <div v-if="item.operation.transfer" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_open_chooseuser(item,12)">
                                <i class="icon iconfont icon-zhongxin" style=" font-size: 0.7rem; margin-right: 5px;"></i>转交
                            </div>
                            <div v-if="item.operation.teamwork" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_open_chooseuser(item,13)">
                                <i class="icon iconfont icon-dingdanshouli"
                                    style=" font-size: 0.7rem; margin-right: 5px;"></i>协同
                            </div>
                            <div v-if="item.operation.back" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_back(item.id)">
                                <i class="icon iconfont icon-jujue" style=" font-size: 0.7rem; margin-right: 5px;"></i>退回
                            </div>
                            <div v-if="item.operation.accept" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_accpet(item)">
                                <i class="icon iconfont icon-shouli" style=" font-size: 0.7rem; margin-right: 5px;"></i>接单
                            </div>
                            <div v-if="item.operation.complete" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_complete(item)">
                                <i class="icon iconfont icon-shoulichenggongicon"
                                    style=" font-size: 0.7rem; margin-right: 5px;"></i>完工
                            </div>
                            <div v-if="item.operation.process" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_chuli(item)">
                                <i class="icon iconfont icon-11" style=" font-size: 0.7rem; margin-right: 5px;"></i>处理
                            </div>
                            <div v-if="item.operation.restore" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_chuli(item)">
                                <i class="icon iconfont icon-11" style=" font-size: 0.7rem; margin-right: 5px;"></i>恢复
                            </div>
                            <div v-if="item.operation.hanup" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_hanup(item)">
                                <i class="icon iconfont icon-11" style=" font-size: 0.7rem; margin-right: 5px;"></i>挂起
                            </div>
                        </div>

                    </div>

                    <div v-if="form.status==3">
                        <div class="new-btn-bottom" style="overflow: hidden;">
            
                            <div v-if="item.operation.deliver" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_open_chooseuser(item,11)">
                                <i class="icon iconfont icon-dingxiangpaidan"
                                    style=" font-size: 0.7rem; margin-right: 5px;"></i>派单
                            </div>
                            <div v-if="item.operation.transfer" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_open_chooseuser(item,12)">
                                <i class="icon iconfont icon-zhongxin" style=" font-size: 0.7rem; margin-right: 5px;"></i>转交
                            </div>
                            <div v-if="item.operation.teamwork" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_open_chooseuser(item,13)">
                                <i class="icon iconfont icon-dingdanshouli"
                                    style=" font-size: 0.7rem; margin-right: 5px;"></i>协同
                            </div>
                            <div v-if="item.operation.back" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_back(item.id)">
                                <i class="icon iconfont icon-jujue" style=" font-size: 0.7rem; margin-right: 5px;"></i>退回
                            </div>
                            <div v-if="item.operation.accept" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_accpet(item)">
                                <i class="icon iconfont icon-shouli" style=" font-size: 0.7rem; margin-right: 5px;"></i>接单
                            </div>
                   
                            <div v-if="item.operation.restore" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_chuli(item)">
                                <i class="icon iconfont icon-11" style=" font-size: 0.7rem; margin-right: 5px;"></i>恢复
                            </div>
                            <div v-if="item.operation.hanup" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_hanup(item)">
                                <i class="icon iconfont icon-11" style=" font-size: 0.7rem; margin-right: 5px;"></i>挂起
                            </div>
                        </div>

                        <div class="new-btn-bottom" style="overflow: hidden;">
                            <div v-if="item.operation.callback" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_huifang(item)">
                                <i class="icon iconfont icon-huifangicon"
                                    style=" font-size: 0.7rem; margin-right: 5px;"></i>回访
                            </div>
                            <div v-if="item.operation.close" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_open_dialog(item.id)">
                                <i class="icon iconfont icon-shoulishibaiicon"
                                    style=" font-size: 0.7rem; margin-right: 5px;"></i>关单
                            </div>
                            <div v-if="item.operation.complete" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_complete(item)">
                                <i class="icon iconfont icon-shoulichenggongicon"
                                    style=" font-size: 0.7rem; margin-right: 5px;"></i>完工
                            </div>
                            <div v-if="item.operation.process" class="work_beginbtnty3 new-blue-btn"
                                v-on:click="do_chuli(item)">
                                <i class="icon iconfont icon-11" style=" font-size: 0.7rem; margin-right: 5px;"></i>处理
                            </div>
                            
                        </div>



                    </div>
                </div>
                <div class="notodayList" v-if="!can_scroll">
                    别刷了，真的没有啦...
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="list.length==0&&!is_searching">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关信息</h5>
            </div>
        </section>
    </div>
</body>
<script type="text/javascript " src="../script/api.js"></script>
<script type="text/javascript " src="../script/vue.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/gaojing_frm.js"></script>

</html>